<template>
  <div class="nodata-tip__item">
    <span class="simple-tip__item" v-if="isSimple">{{text}}</span>
    <template v-else>
      <div class="tip-text__item">\ {{ text }} /</div>
      <img class="tip-image__item" src="@/assets/images/Gabriel_1.png" />
    </template>
  </div>
</template>

<script>
export default {
    props: {
        isSimple: {
            type: Boolean,
            default: true,
        },
        text: {
            type: String,
            default: '没有数据',
        },
    },
};
</script>

<style lang="scss">
.nodata-tip__item {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  .simple-tip__item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color:#666;
  }
  .tip-image__item {
    width: 400px;
  }
  .tip-text__item {
    margin-bottom: 10px;
    font-size: 20px;
    color: #666;
  }
}
</style>
